<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
    <style>
        ul.a {
            list-style-type: circle;
        }
        ul.b {
            list-style-type: square;
        }
        ul.c {
            list-style-type: upper-roman;
        }
        ol.d {
            list-style-type: hebrew;
        }
    </style>
</head>
<body>
<ul class="a">
    <li>苹果</li>
    <li>橙子</li>
    <li>香蕉</li>
</ul>
<ul class="b">
    <li>苹果1</li>
    <li>橙子1</li>
    <li>香蕉1</li>
</ul>
<ul class="c">
    <li>苹果2</li>
    <li>橙子2</li>
    <li>香蕉2</li>
</ul>
<ol class="d">
    <li>苹果3</li>
    <li>橙子3</li>
    <li>香蕉3</li>
</ol>
<ol class="d" type="a">
    <li>苹果3</li>
    <li>橙子3</li>
    <li>香蕉3</li>
</ol>

</body>
</html>